<template>
  <div class="douyin-box">{{text}}</div>
</template>

<script>
export default {
    props: {
        text: {
            type: String,
            default: 'Hello World',
        }
    }
}
</script>

<style lang="less" scoped>
.douyin-box {
    text-shadow: -0.06em 0 red, 0.06em 0 cyan;
    letter-spacing: 0.08em;
}
</style>